<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>富锦市农业数据调研分析系统-劳动力列表</title>
<link rel="stylesheet" href="__PUBLIC__/css/common.css" />
<link rel="stylesheet" href="__PUBLIC__/css/style.css" />
</head>
<body>
<div class="laborList clearfix">
	<!--导航-->
	<div class="header">
		<img class="headerLogo" src="__PUBLIC__/img/logo.png" alt="富锦市农业数据调研分析系统" />
		<div class="headerLine"><a href="{:U('Index/index')}" class="left link">系统首页</a>
			<a class="link right" href="">管理员登录</a>
		</div>
	</div>
	<div class="laborListMain">
		<div class="laborSearch">
			<div class="laborSearchCon">
			<ul>
				<!-- <li><input name="name" class="inputLong" type="text" placeholder="姓名（户主）" /></li> -->
				<li><span class="tabLabel">户名</span>
					<input name="name" class="inputLong" type="text" /></li>
				<li><span class="tabLabel">身份证</span>
					<input name="name" class="inputLong" type="text" /></li>
				<!-- <li><span class="tabLabel">培训经历</span>
					<input name="name" class="inputLong" type="text" /></li>
				<li><span class="tabLabel">当前务工情况</span>
					<input name="name" class="inputLong" type="text" /></li>
				<li><span class="tabLabel">就业意向</span>
					<input name="name" class="inputLong" type="text" /></li> -->
			</ul>
			</div>
			<div class="laborSearchContentBtn">
				<a id="" class="searchBtn btn link">搜索</a>
			</div>
		</div>

	<div class="laborListContent">
		<table id="laborTable" class="laborTable">
			<tr>
				<th>姓名</th>
				<th>劳动技能</th>
				<th>从业经历</th>
				<th>培训经历</th>
				<th>当前务工情况</th>
				<th>就业意向</th>
				<th>就业地点意向/时间</th>
				<!-- <th>适宜务工时间</th> -->
			</tr>
			<volist name="list" id="vo">
				
				<tr>
				<td>{$vo['uf_name']}</td>
				<td>
				<volist name="vo['one']" id="v1">
					<volist name="v1['name']" id="v2">
						{$v2}&nbsp;&nbsp;
					</volist>

				</volist>
				</td>
				<td>
					<volist name="vo['two']" id="v1">
						<volist name="v1['name']" id="v2">
							{$v2}&nbsp;&nbsp;
						</volist>

					</volist>
				</td>
				<td>
					<volist name="vo['three']" id="v1">
						<volist name="v1['name']" id="v2">
							{$v2}&nbsp;&nbsp;
						</volist>

					</volist>
				</td>
				<td>
					<volist name="vo['four']" id="v1">
						<volist name="v1['name']" id="v2">
							{$v2}&nbsp;&nbsp;
						</volist>

					</volist>
				</td>
				<td>
					<volist name="vo['five']" id="v1">
						<volist name="v1['name']" id="v2">
							{$v2}&nbsp;&nbsp;
						</volist>

					</volist>
				</td>
				<td>
					<volist name="vo['six']" id="v1">
						<volist name="v1['name']" id="v2">
							{$v2}&nbsp;&nbsp;
						</volist>

					</volist>
				</td>
				<!-- <td>
					<volist name="vo['six']" id="v1">
						<volist name="v1['name']" id="v2">
							{$v2}&nbsp;&nbsp;
						</volist>

					</volist>
				</td> -->

			</tr>
			</volist>
			

		</table>
		<div class="laborListContentBtn">
			<a id="exitBtn" class="exitBtn btn link">退出</a>
		</div>
	</div>
</div>
</div>
<script src="__PUBLIC__/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function() {
		//最小高度
		//				var minHeight = ($(window).height() - 170 > 550) ? $(window).height() - 170 : 550;
		//				$(".laborSearch").css("min-height", minHeight + "px");

		//输出列表
		var outLaborTable = function() {
			var labor = [{
					a: "李四",
					b: "种植玉米 电梯维修",
					c: "养殖猪 木工 叉车",
					d: "木工",
					e: "电梯维修",
					f: "叉车",
					g: "异地就业 灵活",
					h: "2月"
				}, {
					a: "李四",
					b: "种植玉米 电梯维修",
					c: "养殖猪 木工 叉车",
					d: "木工",
					e: "电梯维修",
					f: "叉车",
					g: "异地就业 灵活",
					h: "2月"
				}, {
					a: "李四",
					b: "种植玉米 电梯维修",
					c: "养殖猪 木工 叉车",
					d: "木工",
					e: "电梯维修",
					f: "叉车",
					g: "异地就业 灵活",
					h: "2月"
				}, {
					a: "李五",
					b: "种植玉米 电梯维修",
					c: "养殖猪 木工 叉车",
					d: "木工",
					e: "电梯维修",
					f: "叉车",
					g: "异地就业 灵活",
					h: "2月"
				}, {
					a: "李四",
					b: "种植玉米 电梯维修",
					c: "养殖猪 木工 叉车",
					d: "木工",
					e: "电梯维修",
					f: "叉车",
					g: "异地就业 灵活",
					h: "2月"
				}, {
					a: "李四",
					b: "种植玉米 电梯维修",
					c: "养殖猪 木工 叉车",
					d: "木工",
					e: "电梯维修",
					f: "叉车",
					g: "异地就业 灵活",
					h: "2月"
				},

			];
			var laborTable = "";
			$.each(labor, function(index, content) {
				laborTable += "<tr><td>" + content.a + "</td><td>" + content.b + "</td><td>" + content.c + "</td><td>" + content.d + "</td><td>" + content.e + "</td><td>" + content.f + "</td><td>" + content.g + "</td><td>" + content.h + "</td></tr>";
			});
			$("#laborTable").append(laborTable);
		}

		//搜索按钮
		$("#searchBtn").on("click", function() {
			$(".laborListMap,.laborSearch").hide();
			$(".laborListContent").show();
			outLaborTable();
			//隔行变色
			$("#laborTable").find("tr:even").addClass("treven");
		});
		//返回按钮
		$("#exitBtn").on("click", function() {
			$(".laborListMap,.laborSearch").show();
			$(".laborListContent").hide();
			$("#laborTable").find("tr:not(:first-child)").remove();
		});

		//地图操作
		$(".svgmap").hide();
		//返回市地图
		$("#backBtn").on("click", function() {
			$("#svga").show().siblings("svg").hide();
		});
		//移入变色
		$("#svga").on("mouseenter", ".svgPath", function() {
			$(this).attr("fill", "#c07227");
		});
		$("#svga").on("mouseleave", ".svgPath", function() {
			$(this).attr("fill", "#fff");
		});
		$("#svga").show();
		//地图点击
		$("#fj-caz").on("click", function() {
			$(".cropAnlsContentTabMenuItem").eq(0).trigger("click");
			//				$(this).attr("fill","#7cb3ac").siblings().attr("fill","#fff");
			$("#fj-cazMap").show().attr("viewBox", "50 200 400 200").siblings("svg").hide();
		});

		$("#fj-cync").on("click", function() {
			$(".cropAnlsContentTabMenuItem").eq(1).trigger("click");
			$(this).attr("fill", "#7cb3ac").siblings().attr("fill", "#fff");;
		});
		$("#fj-dxnc").on("click", function() {
			$(".cropAnlsContentTabMenuItem").eq(2).trigger("click");
			$(this).attr("fill", "#7cb3ac").siblings().attr("fill", "#fff");;
		});
		$("#fj-dysz").on("click", function() {
			$(".cropAnlsContentTabMenuItem").eq(3).trigger("click");
			$(this).attr("fill", "#7cb3ac").siblings().attr("fill", "#fff");;
		});
		$("#fj-elsz").on("click", function() {
			$(".cropAnlsContentTabMenuItem").eq(4).trigger("click");
			$(this).attr("fill", "#7cb3ac").siblings().attr("fill", "#fff");;
		});
	});
</script>
</body>

</html>